<template>
    <div class="box">
        <div class="logo">
            <img src="/logo.png" alt="">
            <h4>保尔酒庄管理</h4>
        </div>
        <div class="user">
            <img src="https://ts4.cn.mm.bing.net/th?id=OIP-C.vz_WG4Cx5wIlPiQhEjx4PwAAAA&w=250&h=250&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2" class="tou" alt="">
            <h5>管理员</h5>
        </div>
    </div>
</template>


<style scoped>

.box{
    width: 100%;
    background-color: #fff;
    height: 80px;
}
.box{
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}
.box .logo{
    display: flex;
    align-items: center;
}
.user{
    display: flex;
    align-items: center;
}
.tou{
    width: 50px;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
</style>